.toolbar-row {
    margin: 0 auto;
    color:#6C6C6C;
}


*, *:before, *:after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: sans-serif;
}

/*| Navigation |*/

nav{
  z-index: 9999;
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
  border: 1px solid rgba(0,0,0,.1);
}
nav ul{
  list-style: none;
  position: relative;
  float: right;
  margin-right: 100px;
  display: inline-table;
}
nav ul li{
  float: left;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

nav ul li:hover{background: rgba(0,0,0,.15);}
nav ul li:hover > ul{display: block;}
nav ul li{
  float: left;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
nav ul li a{
  display: block; 
  padding: 30px 20px;
  color: #222; 
  font-size: .9em;
  letter-spacing: 1px;
  text-decoration: none;
}
nav ul ul{
  display: none;
  background: #fff;
  position: absolute; 
  top: 100%;
  box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
  border: 1px solid rgba(0,0,0,.1);
}
nav ul ul li{float: none; position: relative;}
nav ul ul li a {
  padding: 15px 30px; 
  border-bottom: 1px solid rgba(0,0,0,.05);
}
nav ul ul ul {
  position: absolute; 
  left: 100%; 
  top:0;
}

.cate-main {
  width: 88%;
  margin: 50px auto;
}

.cate-title{
  font-size: 24px;
  text-align: right;
  color: #294860;
}

.filter {
  text-align: right;
}

.filter div {
  margin-top: 10px;
  color: #888888;
}

.filter li {
  padding: 3px 5px;
  color: #1F96DB;
}

.course-list {
  margin: 10px 20px;
}

.course-item {
  margin: 20px 0;
  outline: none;
}

.course-item:hover {
  background-color: #F7F7F7;
  cursor: pointer;
}

.course-name {
  font-size: 20px;
  line-height: 24px;
  margin: 12px 0 8px 0;
}

.time-total,.vedio-total {
  margin: 12px 0 8px 0;
  color: #b3b3b3;
}
